<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>麦田国际首页</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
	<!-- top -->
	<div id="top">
		<div class="top">
			<div class="left">
				<img src="img/logo.jpg" alt="图片加载失败！">
				<span>奉行卓越品质<br>
					<br>则可拥抱世界</span>
			</div>
			<div class="right">
				<ul>
					<li><a href="#" class="active">网站首页</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">新闻资讯</a></li>
					<li><a href="#">成功案例</a></li>
					<li><a href="#">尊享服务</a></li>
					<li><a href="#">招商加盟</a></li>
					<li><a href="#">联系我们</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- banner -->
	<div id="banner">
		<img src="img/banner.jpg" alt="图片加载失败！">
	</div>
	<!-- hezuo -->
	<div id="hezuo">
		<div class="hezuo">
			<h1>战略合作 Strategic partners</h1>
			<p> 真诚 共赢 无微不至 </p>
			<div id="icon">
				<div class="icon"><a href="#"><img src="img/icon1.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon2.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon3.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon4.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon5.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon6.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon7.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon8.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon9.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon10.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon11.jpg" alt="图片加载失败！"></a></div>
				<div class="icon"><a href="#"><img src="img/icon12.jpg" alt="图片加载失败！"></a></div>
			</div>

		</div>
	</div>
	<!-- youshi -->
	<div id="youshi">
		<div class="youshi">
			<h1>我们的优势 Our Advantages</h1>
			<p>独一无二的设计，造国际品质的产品，行无微不至的服务</p>
			<ul>
				<li>
					<div class="youshi-class2" style="background:url(img/youshi-3.jpg) no-repeat center;"></div>
					<a href="#">
						<h3>我们的设计 Our Design</h3>
						<span>从实地到方案敲定再到设计出图，每一步都有优秀的设计团队全程跟踪，为您打造出最适合的作品是最诚恳的义务。</span>
					</a>
				</li>
				<li>
					<div class="youshi-class2" style="background:url(img/youshi-2.jpg) no-repeat center;"></div>
					<a href="#">
						<h3>我们的设计 Our Design</h3>
						<span>从实地到方案敲定再到设计出图，每一步都有优秀的设计团队全程跟踪，为您打造出最适合的作品是最诚恳的义务。</span>
					</a>
				</li>
				<li class="youshi-class1">
					<div class="youshi-class2" style="background:url(img/youshi-1.jpg) no-repeat center;"></div>
					<a href="#">
						<h3>我们的设计 Our Design</h3>
						<span>从实地到方案敲定再到设计出图，每一步都有优秀的设计团队全程跟踪，为您打造出最适合的作品是最诚恳的义务。</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- case -->
	<div id="case">
		<div class="case">
			<h1> 成功案例 Successful Case </h1>
			<p>始终以建设温馨，和谐的家园，提升您的居家生活品味为己任。</p>
			<ul>
				<li class="case-active"><a href="#">服务行业</a></li>
				<li><a href="#">教育行业</a></li>
				<li><a href="#">房产行业</a></li>
				<li><a href="#">能源行业</a></li>
			</ul>
			<div class="case-photo">
				<div><img src="img/case-2.jpg" alt="图片加载失败！"></div>
				<div><img src="img/case-3.jpg" alt="图片加载失败！"></div>
				<div><img src="img/case-4.jpg" alt="图片加载失败！"></div>
				<div><img src="img/case-5.jpg" alt="图片加载失败！"></div>
				<div><img src="img/case-6.jpg" alt="图片加载失败！"></div>
				<div><img src="img/case-7.jpg" alt="图片加载失败！"></div>
			</div>
		</div>
	</div>
	<!-- news -->
	<div id="news">
		<div class="news">
			<div>
				<h1> 公司新闻 Company News </h1>
				<ul>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
				</ul>
				<a href="#" class="news-class1"> MORE INFO --> </a>
			</div>
			<div>
				<h1> 行业新闻 Industry News </h1>
				<ul>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
				</ul>
				<a href="#" class="news-class1"> MORE INFO --> </a>
			</div>
			<div>
				<h1> 媒体报道 Media report </h1>
				<ul>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
					<li><a href="#">一款APP从设计稿到切图过程全方位揭秘</a><span>10:10</span></li>
				</ul>
				<a href="#" class="news-class1"> MORE INFO --> </a>
			</div>
		</div>
	</div>
	<!-- bottom -->
	<div id="bottom">
		<div class="bottom">
			<ul>
				<li><a href="#" class="bottom-active">网站首页</a></li>
				<li><a href="#">关于我们</a></li>
				<li><a href="#">产品展示</a></li>
				<li><a href="#">客户案例</a></li>
				<li><a href="#">新闻咨询</a></li>
				<li><a href="#">帮助中心</a></li>
				<li><a href="#">解决方案</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<p> Copyright &copy; 2002-2015 上海机械设备服务有限公司 版权所有 property in copyright </p>
			<p> 电话: 13037175328 E-mail: 898989891@qq.com 地址: 甘肃省天水市麦积区马跑泉镇123号</p>
		</div>
	</div>

	<script type="text/javascript" src="jquery-3.4.1.js"></script>
	<script src="./index.js"></script>
</body>

</html>